/* ----------html header--------------*/
/*
<div class="shop_car">  --所有标签放到这个div内
<div class="shop_header_box">
        <header class="shop_header">
            <a href="javascript:history.go(-1)" class="shop_bar_back"></a>
            <span>购物车</span>
            <a href="javascript:void(0);" class="shop_bar_menu sp_nav"></a>
        </header>
        <div class="shop_header_nav" style="display: none">
            <ul>
                <li>
                    <a href="#">
                        <i class="nav_icon nav_icon_home"></i>
                        首页
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="nav_icon nav_icon_cate"></i>
                        分类
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="nav_icon nav_icon_search"></i>
                        搜索
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="nav_icon nav_icon_cart"></i>
                        购物车
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="nav_icon nav_icon_user"></i>
                        用户中心
                    </a>
                </li>
            </ul>
        </div>
    </div>
     ！！！！！！！！！！！！！！！！！！
      --在此后的位置写你需要写的代码--

</div>
*/
/* -----隐藏菜单 对应js
    <script>
    $(function () {
       var nav = $('.sp_nav');
       var menu = $('.shop_header_nav');
       nav.click(function () {
           if(menu.css("display")=="block"){
                menu.hide();
           }else{
               menu.show();
           }
       })
    })
</script>
 */
/* -- css start -- */
*{
    margin: 0;
    padding:0;
    list-style: none;
    box-sizing: border-box;
    font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif;
}
div,header{
    display: block;
    margin: 0;
    padding:0;
    list-style: none;
    border: 0 none;
}
body{
    font-size: 14px;
    color: #555;
    margin: 0;
    padding:0;
    list-style: none;
    border: 0 none;
}
a{
    color: #555;
    text-decoration: none;
}
.shop_car{
    background: #f7f7f7;
    overflow: hidden;
}
.shop_header_box{
    width: 100%;
    height: auto;
    background: #1cbb7f;
    overflow: hidden;
}
.shop_header{
    position: relative;
    text-align: center;
    height: 3.7em;
    margin-left: 0.6em;
    margin-right: 0.6em;
    overflow: hidden;
}
.shop_bar_back{
    position: absolute;
}
.shop_bar_back{
    background: url("../images/icon_back.png") no-repeat;
    width: 1.8em;
    height: 2.0em;
    position: absolute!important;
    top:1em;
    left:0.8em;
}
.shop_bar_menu{
    background: url("../images/icon_menu.png") no-repeat;
    width: 2.2em;
    height: 2.2em;
    float: right !important;
    margin-right: 0.2em;
    margin-top: 1em;
}
.shop_header span{
    font-size: 1.3em;
    line-height: 1.5em;
    left:5em;
    right: 5em;
    color: white;
    position: absolute;
    top:0.8em;
    font-weight: normal;
}
/*-------隐藏菜单 nav--------*/
.nav_icon{
    background: url("../images/iconall.png") no-repeat;
    background-size: 15em;
}
.nav_icon_home{
    background-position: -6.45em -0.2em;
}
.nav_icon_cate{
    background-position: -0.1em 0em;
}
.nav_icon_cart{
    background-position: -10.8em -0.2em;
}
.nav_icon_search{
    background-position: -2.7em -0.15em;
}
.nav_icon_user{
    background-position: -12.98em -0.15em;
}
.shop_header_nav{
    display: block;
    background: #fcfcfc;
    width: 100%;
    height: 3.8em;
    border-top: none;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}
.shop_header_nav ul{
    list-style: none;
    text-align: center;
}
.shop_header_nav ul li{
    float: left;
    padding: 0.3em 0;
    width: 20%;
}
.shop_header_nav ul li a {
    color: #999;
    font-size: 0.6rem;
}
.shop_header_nav ul li i{
    display: block;
    width: 1.9em;
    height: 1.9em;
    margin: 0.1em auto;
}
.shop_btn{
    background: #1cbb7f!important;
    width: 15em;
    font-size: 1em;
    margin: 0 auto;
}
.change_pass{
     border-bottom: solid rgba(128, 128, 128, 0.51) 1px;
}
.s-color777{
    color: #1cbb7f !important;
    font-size: 0.9em;
}